<template>
	<div class="app-container">
		<el-row>
			<el-col :span="24" class="card-box">
				<el-card>
					<div slot="header"><span><i class="el-icon-cpu"></i> 分发平台</span></div>
					<div class="el-table el-table--enable-row-hover el-table--medium">
						<table cellspacing="0" style="width: 100%;">
							<tbody>
								<tr>
									<td class="el-table__cell is-leaf">
										<div class="cell displayFlex">
											<div class="mr10">企业微信</div>
											<el-switch style="display: block" v-model="weixin"></el-switch>
										</div>
									</td>
									<td class="el-table__cell is-leaf">
										<div class="cell displayFlex">
											<div class="mr10">用户</div>
											<el-switch style="display: block" v-model="weixinUser"></el-switch>
										</div>
									</td>
									<td class="el-table__cell is-leaf">
										<div class="cell displayFlex">
											<div class="mr10">组织架构</div>
											<el-switch style="display: block" v-model="weixinOrg"></el-switch>
										</div>
									</td>
								</tr>
								<tr>
									<td class="el-table__cell is-leaf">
										<div class="cell displayFlex">
											<div class="mr10">费控系统</div>
											<el-switch style="display: block" v-model="feikong"></el-switch>
										</div>
									</td>
									<td class="el-table__cell is-leaf">
										<div class="cell displayFlex">
											<div class="mr10">用户</div>
											<el-switch style="display: block" v-model="feikongUser"></el-switch>
										</div>
									</td>
									<td class="el-table__cell is-leaf">
										<div class="cell displayFlex">
											<div class="mr10">组织架构</div>
											<el-switch style="display: block" v-model="feikongOrg"></el-switch>
										</div>
									</td>
								</tr>
								<tr>
									<td class="el-table__cell is-leaf">
										<div class="cell displayFlex">
											<div class="mr10">SAP系统</div>
											<el-switch style="display: block" v-model="sap"></el-switch>
										</div>
									</td>
									<td class="el-table__cell is-leaf">
										<div class="cell displayFlex">
											<div class="mr10">用户</div>
											<el-switch style="display: block" v-model="sapUser"></el-switch>
										</div>
									</td>
									<td class="el-table__cell is-leaf">
										<div class="cell displayFlex">
											<div class="mr10">组织架构</div>
											<el-switch style="display: block" v-model="sapOrg"></el-switch>
										</div>
									</td>
								</tr>
								<tr>
									<td class="el-table__cell is-leaf">
										<div class="cell displayFlex">
											<div class="mr10">绩效系统</div>
											<el-switch style="display: block" v-model="jixiao"></el-switch>
										</div>
									</td>
									<td class="el-table__cell is-leaf">
										<div class="cell displayFlex">
											<div class="mr10">用户</div>
											<el-switch style="display: block" v-model="jixiaoUser"></el-switch>
										</div>
									</td>
									<td class="el-table__cell is-leaf">
										<div class="cell displayFlex">
											<div class="mr10">组织架构</div>
											<el-switch style="display: block" v-model="jixiaoOrg"></el-switch>
										</div>
									</td>
								</tr>
								<tr>
									<td class="el-table__cell is-leaf">
										<div class="cell displayFlex">
											<div class="mr10">采购系统</div>
											<el-switch style="display: block" v-model="srm"></el-switch>
										</div>
									</td>
									<td class="el-table__cell is-leaf">
										<div class="cell displayFlex">
											<div class="mr10">用户</div>
											<el-switch style="display: block" v-model="srmUser"></el-switch>
										</div>
									</td>
									<td class="el-table__cell is-leaf">
										<div class="cell displayFlex">
											<div class="mr10">组织架构</div>
											<el-switch style="display: block" v-model="srmOrg"></el-switch>
										</div>
									</td>
								</tr>
								<tr>
									<td class="el-table__cell is-leaf">
										<div class="cell displayFlex">
											<div class="mr10">进销存系统</div>
											<el-switch style="display: block" v-model="jxc"></el-switch>
										</div>
									</td>
									<td class="el-table__cell is-leaf">
										<div class="cell displayFlex">
											<div class="mr10">用户</div>
											<el-switch style="display: block" v-model="jxcUser"></el-switch>
										</div>
									</td>
									<td class="el-table__cell is-leaf">
										<div class="cell displayFlex">
											<div class="mr10">组织架构</div>
											<el-switch style="display: block" v-model="jxcOrg"></el-switch>
										</div>
									</td>
								</tr>
								<tr>
									<td class="el-table__cell is-leaf">
										<div class="cell displayFlex">
											<div class="mr10">立库系统</div>
											<el-switch style="display: block" v-model="liku"></el-switch>
										</div>
									</td>
									<td class="el-table__cell is-leaf">
										<div class="cell displayFlex">
											<div class="mr10">用户</div>
											<el-switch style="display: block" v-model="likuUser"></el-switch>
										</div>
									</td>
									<td class="el-table__cell is-leaf">
										<div class="cell displayFlex">
											<div class="mr10">组织架构</div>
											<el-switch style="display: block" v-model="likuOrg"></el-switch>
										</div>
									</td>
								</tr>
								<tr>
									<td class="el-table__cell is-leaf">
										<div class="cell displayFlex">
											<div class="mr10">灯拣系统</div>
											<el-switch style="display: block" v-model="dengjian"></el-switch>
										</div>
									</td>
									<td class="el-table__cell is-leaf">
										<div class="cell displayFlex">
											<div class="mr10">用户</div>
											<el-switch style="display: block" v-model="dengjianUser"></el-switch>
										</div>
									</td>
									<td class="el-table__cell is-leaf">
										<div class="cell displayFlex">
											<div class="mr10">组织架构</div>
											<el-switch style="display: block" v-model="dengjianOrg"></el-switch>
										</div>
									</td>
								</tr>
							</tbody>
						</table>
					</div>
				</el-card>
			</el-col>
		</el-row>
	</div>
</template>

<script>
	export default {
		name: 'Applycar',
		data() {
			return {
				weixin: true,
				weixinUser: true,
				weixinOrg: true,
				
				feikong: true,
				feikongUser: true,
				feikongOrg: true,
				
				sap: true,
				sapUser: true,
				sapOrg: false,
				
				jixiao: false,
				jixiaoUser: false,
				jixiaoOrg: false,
				
				srm: false,
				srmUser: false,
				srmOrg: false,
				
				jxc: false,
				jxcUser: false,
				jxcOrg: false,
				
				liku: false,
				likuUser: false,
				likuOrg: false,
				
				dengjian: false,
				dengjianUser: false,
				dengjianOrg: false,
			}
		},
		created() {
			
		},
		methods: {
			
		}
	}
</script>
<style lang="scss" scoped>
	.displayFlex {
		display: flex;
	}
</style>